草庐IT

ionic 滚动条

全部标签

javascript - PDF.js 使用滚动条渲染 pdf

我使用mozillapdf.js。我有一个代码:functiondisplayDocument(){PDFJS.getDocument(numberOdDocument[attachment]).then(function(pdfDoc_){pdfDoc=pdfDoc_;renderPage(pageNum);});}functionrenderPage(num){pdfDoc.getPage(num).then(function(page){varviewport=page.getViewport(scale,rotate);canvas.height='900';canvas.wi

javascript - 使用纯 JS 滚动到 div(不是窗口)内的位置

纯JS,请不要使用JQUERY我有一个带溢出滚动的div,窗口(html/body)永远不会溢出。我有一个anchor链接列表,希望在单击它们时滚动到某个位置。基本上只是从div中寻找anchor滚动,而不是窗口。window.scrollTo等不起作用,因为窗口实际上从未溢出。简单测试用例http://codepen.io/mildrenben/pen/RPyzqmJadenava(data-goto="#1")1a(data-goto="#2")2a(data-goto="#3")3a(data-goto="#4")4a(data-goto="#5")5a(data-goto="#

javascript - 装载机中的 Ionic 2 自定义 svg 微调器

我正在尝试将我的SVG添加到加载创建函数中,但是当我去查看它时,我看到的只是一个空标签,它应该在该位置。letloading=this.loadingCtrl.create({spinner:'',content:this.appConfig.customSpinner})上面是我的创建代码,该变量是下面的SVG代码。.st2{fill:none;stroke-width:40;stroke-miterlimit:10;}我怎样才能让它渲染?我也已将它复制到ionic论坛上link我试图添加一个管道,使其在运行时安全,但也失败了。我制作的内容是这样的:这是我的pipe:import{P

javascript - 将处理程序附加到窗口滚动事件

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭1年前。ImprovethisquestionJohnResig建议使用setInterval()以减少调用处理程序的次数-参见http://ejohn.org/blog/learning-from-twitter/John在博文中的解决方案:varouterPane=$details.find(".details-pane-outer"),didScroll=false;$(window).scroll(function(){did

javascript - Web 应用程序中具有自动淡入/淡出功能的 iPhone 样式滚动条

我正在制作一个网络应用程序,非常喜欢自动淡入和淡出的iPhone风格的滚动条。以前只在iOS产品上看到过,现在好像Facebook已经在Chat联系人列表中实现了。为什么我这么喜欢它?它会自动淡入和淡出,因此不那么突兀并且可以节省大量空间。当它显示时,它有效地位于div内部,而不是围绕它,再次有效地利用了空间。关于如何做到这一点有什么想法吗?不是MatteoSpinelli的“iScroll”采用“普通”滚动条(对于iOS产品当然是iOS样式)用于div。我试过使用JonathanAzoff的OverscrollJquery插件,但我似乎无法让它正常工作。我设法让滚动条在mouseen

javascript - ionic : ng-show and page transition

我正在使用Ionic开发移动应用程序,但我还不是很熟悉这个框架或Angular。您可以点击一些列表项以查看包含一些详细信息的页面。这是我的列表模板:{{location.name}}Controller:...$scope.showDetails=function(location){$rootScope.currentLocationDetails=location;};...这是详细信息页面:Controller:app.controller('DetailsController',function($scope,$rootScope){$scope.location=$rootS

javascript - 如何在不自动滚动整个页面的情况下使用 anchor 标记在 div 内滚动?

我想使用anchor标签在网页的div内滚动。但是,当我点击anchor标签时,整个页面跳转到div中的anchor标签。div中的内容应该滚动,网页主体不会自动滚动。数周以来,我一直在谷歌上搜索并试图解决这个问题,但尚未找到可接受的解决方案。这似乎也是一个非常常见的问题。我对javascript知之甚少,但据我所知,似乎有两种可能的方法可以实现这一点:1。使页面主体只能通过鼠标滚轮/手动滚动,而不是anchor标记。这将仅适用于正文,而不适用于其他元素。-或-2。滚动到div内的anchor标记,并在它影响body之前取消该过程。如果它没有将anchor标记添加到url,将是一个奖励

基于 JavaScript 滚动的动画在移动设备上不稳定

我有2个div(左和右),我想在右边的基础上向左滚动。https://jsfiddle.net/3jdsazhg/2/这在桌面上运行良好,但当我切换到移动设备时,就不再流畅了......这很容易被注意到,通过改变_left.style.top=_content.scrollTop-(_content.scrollTop*ratioLeftRight)+'px';到_left.style.top=_content.scrollTop+'px';它应该作为一个固定定位的div我想知道这不流畅的确切原因......我知道这不是动画。div上的简单动画很流畅,基于滚动时会出现问题。我怎样才能使

javascript - 实时数据无限滚动

我正在尝试在Web应用程序中实现无限滚动,可以从服务器添加或删除记录,按其ID的字母顺序排序,相关数据也可以随时更改,我必须显示最新数据.我了解无限滚动的工作原理以及如何显示一组固定对象的最新数据(在我的例子中,反复轮询并将数据转储到View中),但我无法理解如何将两者集成。API使用游标,每次向我发送20条记录。请帮忙 最佳答案 我想我明白你最关心的是什么。具有实时更新的无限滚动很难实现。您必须仔细考虑并弄清楚您真正想要实现的目标。有几种情况需要考虑,为简化起见,假设我们使用带有行的网格:可见行已更改(编辑)在可见行之间添加了新行

javascript - 隐藏 overflow-x 时是否可以防止水平滚动?

我有一个网页,其内容超出了浏览器窗口的右边缘。我设置了overflow-x:hidden在关闭底部滚动条,但我仍然可以使用触控板水平滚动,这不是我想要的。有什么办法可以防止浏览器水平滚动吗?附带说明:Safari4.0.4有时只能水平滚动,滚动感觉“粘滞”和“跳跃”,而Firefox始终平滑地水平滚动。 最佳答案 你可以尝试在CSS中设置:html{overflow-x:hidden;}而不是使用body选择器。我尝试过并在Firefox中工作。 关于javascript-隐藏overf